<html>
	<head>
		<meta
		  name="viewport"
		  content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover"
		/>
		<title>富文本展示</title>
		<style type="text/css">
			html,body {
				margin: 0;
				padding: 0;
				width: 100%;
				height: 100%;
				overflow: hidden;
				box-sizing: border-box;
			}
			.yingbing-content {
				color: #333;
				width: 100%;
				height: 100%;
			}
			.yingbing-img {
				max-width: 100%!important;
				max-height: 100%!important;
			}
		</style>
	</head>
	<body>
		<div class="yingbing-content"></div>
	</body>
	<script type="text/javascript">
		window.onload = function () {
			var search = window.location.search.slice(1);
			var arr = search.split('&');
			for ( var i = 0; i < arr.length; i++ ) {
				var strs = arr[i].split('=');
				if ( strs[0] == 'content' ) {
					document.querySelector('.yingbing-content').innerHTML = decodeURIComponent(strs[1])
				}
			}
		}
		function setFontFace (fontList) {
			let code = fontList.reduce((accumulator, currentValue) => {
			    return accumulator + `@font-face { font-family: ${currentValue.fontFamily};src: url('${currentValue.src}'); }`;
			}, "");
			var style = document.createElement("style");
			style.type = "text/css";
			style.rel = "stylesheet";
			style.appendChild(document.createTextNode(code));
			var head = document.getElementsByTagName("head")[0];
			head.appendChild(style);
		}
	</script>
</html>